<div id="content-right">
	<div id="services">
	    <div id="services-title">
	        <div id="services-title-l" style="text-align:center">Lorem ipsum dolor </div>
	        <div id="services-title-r" style="text-align:center">Vestibulum vitae </div>
	        <div id="services-title-c" style="text-align:center">Donec at niligula</div>
	    </div>
	    
	    {{foreach from=$allFeatureContents name=featured item=block}}
	    
	    	{{if $smarty.foreach.featured.first}}
	    	<div id="services-left">        
			      <ul style="font-size:12px;color:#333;">
			      		{{foreach from=$block item=content}}
			            	<li>{{$content.intro_text}}</li>     
			            {{/foreach}}
			      </ul>
			</div>
	    	
	    	{{else}}
	    		{{if $smarty.foreach.featured.last}}
	    		<div id="services-right">
			        <ul style="font-size:12px;color:#333;">		
			        	{{foreach from=$block item=content}}
			            	<li>{{$content.intro_text}}</li>     
			            {{/foreach}}	
			        </ul>
			
			  	</div>
	    		{{else}}
	    		<div id="services-content">
			         <ul style="font-size:12px;color:#333;">
			         	{{foreach from=$block item=content}}
			            	<li>{{$content.intro_text}}</li>     
			            {{/foreach}}
			        </ul>
			    </div>
	    		{{/if}}
	    	{{/if}}
	    
	    {{/foreach}}
	    
	    
	</div>
	<div class="clear"></div> 
	
	<div id="banner-slide">
		<img src="{{$LAYOUT_HELPER_URL}}front/images/process.png" alt="" border="0" usemap="#Map" />
	</div>
	
	<div class="clear"></div>
	<div id="partner">
	    <div class="title" id="tab-box">
	        <ul>
	            <li class="active"><a href="#">Hỗ trợ thanh toán </a></li>
	            <li><a href="" target="_blank">Địa chỉ mua sắm</a></li>
	        </ul>
	    </div>
	    <div class="tab-content" id="logo-partner">
	      	<div id="hotrothanhtoan" style="margin:10px;">
				<img src="{{$LAYOUT_HELPER_URL}}front/images/hotrothanhtoan.png" width="655" height="128" border="0" usemap="#map_thanhtoan" />
			</div>
	    </div>
	    <div class="tab-content" id="logo-partner" style="display:none;" >
	       	<div class="diachimuasam" style="margin:10px;">
				<img src="{{$LAYOUT_HELPER_URL}}front/images/diachimuasam.png" border="0" usemap="#map_shopping" />
	       	</div>
	    </div>   
	</div>
	
	<script language="javascript">
	$('#tab-box li a').each(function(index) {
		$(this).bind('mouseover', function() {
			$('#tab-box li').removeClass('active').eq(index).addClass('active');
			$('.tab-content').hide().eq(index).show();
			return false;
		}).bind('click',function() {return false;});
	});
	</script>	
</div>